﻿﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>用户管理</title>
</head>
<body >
<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 用户中心 <span class="c-gray en">&gt;</span> 用户管理 <a  class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新" ><i class="Hui-iconfont">&#xe68f;</i></a></nav>
<div class="page-container">
	<div class="text-c">
		<span class="select-box inline">
		<select name="queryType" class="select" id="select">
			<option value="0">学号</option>
			<option value="1">姓名</option>
			<option value="2">手机</option>
		</select>
		</span>
		<input type="text" class="input-text" style="width:250px" placeholder="输入会员名称、电话、邮箱" id="queryContent" name="queryContent">
		<button type="submit" class="btn btn-success radius" id="query" name=""><i class="Hui-iconfont">&#xe665;</i> 搜用户</button>
	</div>
	<div class="cl pd-5 bg-1 bk-gray mt-20"> <span class="l"><a href="javascript:;" onclick="datadel()" class="btn btn-danger radius"><i class="Hui-iconfont">&#xe6e2;</i> 批量删除</a> <a href="javascript:;" onclick="member_add('添加用户','member-add.html','','510')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加用户</a></span> <span class="r">共有数据：<strong>88</strong> 条</span> </div>
	<div class="mt-20">
	<table class="table table-border table-bordered table-hover table-bg table-sort" id="list">

	</table>
	</div>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script src="/static/build/layui.js"></script>
<script type="text/javascript">
$(function(){
	$('.table-sort').dataTable({
		"aaSorting": [[ 1, "desc" ]],//默认第几个排序
		"bStateSave": true,//状态保存
		"aoColumnDefs": [
		  //{"bVisible": false, "aTargets": [ 3 ]} //控制列的隐藏显示
		  {"orderable":false,"aTargets":[0,8,9]}// 制定列不参与排序
		]
	});
	
});
/*用户-添加*/
function member_add(title,url,w,h){
	layer_show(title,url,w,h);
}
/*用户-查看*/
function member_show(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*用户-停用*/


/*用户-启用*/
function member_start(obj,id){
	layer.confirm('确认要启用吗？',function(index){
		$.ajax({
			type: 'POST',
			url: '',
			dataType: 'json',
			success: function(data){
				$(obj).parents("tr").find(".td-manage").prepend('<a style="text-decoration:none" onClick="member_stop(this,id)" href="javascript:;" title="停用"><i class="Hui-iconfont">&#xe631;</i></a>');
				$(obj).parents("tr").find(".td-status").html('<span class="label label-success radius">已启用</span>');
				$(obj).remove();
				layer.msg('已启用!',{icon: 6,time:1000});
			},
			error:function(data) {
				console.log(data.msg);
			},
		});
	});
}
/*用户-编辑*/
function member_edit(title,url,id,w,h){
	layer_show(title,url,w,h);
}
/*密码-修改*/
function change_password(title,url,id,w,h){
	layer_show(title,url,w,h);	
}
/*用户-删除*/
function member_del(obj,id){
	layer.confirm('确认要删除吗？',function(index){
	    console.log(obj)
		$.ajax({
			type: 'get',
			url: 'http://127.0.0.1:8081/student/delete/'+id,
			dataType: 'json',
			success: function(data){
				$(obj).parents("tr").remove();
				layer.msg('已删除!',{icon:1,time:1000});
			},
			error:function(data) {
				console.log(data.msg);
			},
		});		
	});
}


$(function(){
	$.ajax({
		url: "http://fantj.top:8081/student/findAll/0/50",
		type: "get",
		async: true,
		success: function (result) {
			console.log(result);
			get_list(result.data);
		}
	});
});

    function get_list(result) {
		var str = $('<thead>'+
				'<tr class="text-c" >'+
				'<th width="25"><input type="checkbox" name="" value=""></th>'+
				'<th width="150">学号</th>'+
				'<th width="110">姓名</th>'+
				'<th width="120">专业</th>'+
				'<th width="120">年级</th>'+
				'<th width="150">班级</th>'+
				'<th width="80">性别</th>'+
				'<th width="150">手机</th>'+
            	'<th width="150">状态</th>'+
				'<th width="100">操作</th>'+
				'</tr>'+
			'</thead>');
        $('#list').empty();
        // alert(result.totalElements);
        $('.r strong').text(result.totalElements);

        $.each(result.content,function (index,item) {
            // <td><a href=www. >id</a></td>
			var checkbox = $('<td></td>').append($('<input></input>').attr("type","checkbox").attr("value",item.id).attr("name","ids"));
            var id = $('<td></td>').append($('<a></a>').attr("href","http://192.168.43.186:10000/student/findById/"+item.id).append(item.id));
            var name = $('<td></td>').append(item.name);
            var department = $('<td></td>').append(item.department);
            var grade = $('<td></td>').append(item.grade);
            var clazz = $('<td></td>').append(item.clazz);
            var sex = $('<td></td>').append(item.sex);
            var phone = $('<td></td>').append(item.phone);
			//var status = $('<td></td>').append($('<span></span>').addClass("label label-success radius")).addClass("td-status").append(item.status);
            var status = $('<td></td>>').addClass('td-status').append($('<span></span>').addClass(function () {
				if (item.status === 0){
				    return 'label label-danger radius';
				} else{
                    return 'label label-success radius';
				}
				//href="javascript:;" onclick="member_edit(\'编辑\',\'registry-edit.html?id='+item.id+'\','+item.id+',\'\',\'510\')"
            }).append($("<a></a>").attr('href','javascript:;').attr( 'onclick','member_edit(\'名字\',\'member-dor.html?clazz='+item.clazz+'&id='+item.id+'\',\'\',\'510\')') .text(function () { //<td class="td-status"><span class="label label-success radius">已发布</span></td>
                if (item.status === 0){
                    return '未分配';
                }else {
                    return "已分配";
                }

            })));
			var option = $('<td class=\"td-manage\"> <a title=\"编辑\" href=\"javascript:;\" onclick=\"member_edit(\'编辑\',\'member-edit.html?id='+item.id+'\','+item.id+',\'\',\'510\')\" class=\"ml-5\" style=\"text-decoration:none\"><i class=\"Hui-iconfont\">&#xe6df;</i></a><a title=\"删除\" href=\"javascript:;\" onclick=\"member_del(this,'+item.id+')\" class=\"ml-5\" style=\"text-decoration:none\"><i class=\"Hui-iconfont\">&#xe6e2;</i></a></td>');
			var head =  $('<tr></tr>').addClass("text-c");
			var preHead = $('<tbody></tbody>');
            str.append(preHead).append(head).append(checkbox).append(id).append(name).append(department).append(grade).append(clazz).append(sex).append(phone).append(status).append(option).appendTo('#list');
        })
    }

    function datadel(){
        var array = new Array();
        $.each($('input:checkbox:checked'),function(){
			array.push($(this).val());
            // window.alert("你选了："+
            //     $('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());
        });
        // alert(array.toString())
        // alert(JSON.stringify(array));
        $.ajax({
            url: "http://127.0.0.1:8081/student/deleteInBatch/",
            type: "post",
            data: {"ids":array.toString()},
            dataType: "json",
            async: false,
            success: function (result) {
                console.log(result);
                alert("批量删除成功!");
            }
        });
	}

	$('#query').click(function () {
		//获取值
		var type = $('#select').val();
		var content = $('#queryContent').val();
		// alert(type+"   "+content);
        $.ajax({
			url: "http://127.0.0.1:8081/student/findByLike",
			type: "post",
			data: {"type":type, "content":content},
			dataType: "json",
			async: false,
			success: function (result) {
				console.log(result);
                get_like_list(result);

            }
		});
    })
function get_like_list(result) {
    var str = $('<thead>'+
        '<tr class="text-c" >'+
        '<th width="25"><input type="checkbox" name="" value=""></th>'+
        '<th width="150">学号</th>'+
        '<th width="110s">姓名</th>'+
        '<th width="120">专业</th>'+
        '<th width="120">年级</th>'+
        '<th width="150">班级</th>'+
        '<th width="80">性别</th>'+
        '<th width="150">手机</th>'+
        '<th width="150">状态</th>'+
        '<th width="100">操作</th>'+
        '</tr>'+
        '</thead>');
    $('#list').empty();
    // alert(result.totalElements);
    $('.r strong').text(result.data.length);

    $.each(result.data,function (index,item) {
        // <td><a href=www. >id</a></td>
        var checkbox = $('<td></td>').append($('<input></input>').attr("type","checkbox").attr("value",item.id).attr("name","ids"));
        var id = $('<td></td>').append($('<a></a>').attr("href","http://192.168.43.186:10000/student/findById/"+item.id).append(item.id));
        var name = $('<td></td>').append(item.name);
        var department = $('<td></td>').append(item.department);
        var grade = $('<td></td>').append(item.grade);
        var clazz = $('<td></td>').append(item.clazz);
        var sex = $('<td></td>').append(item.sex);
        var phone = $('<td></td>').append(item.phone);
        //var status = $('<td></td>').append($('<span></span>').addClass("label label-success radius")).addClass("td-status").append(item.status);

        var status = $('<td></td>>').addClass('td-status').append($('<span></span>').addClass(function () {
            if (item.status === 0){
                return 'label label-danger radius';
            } else{
                return 'label label-success radius';
            }
        }).append($("<a></a>").attr( 'onclick','member_edit("x",member-dor.html?clazz='+item.clazz+'&stuId='+item.id+',"","510")')
        // 'href','member-dor.html') onclick="member_add('添加用户','registry-add.html','','510')"
            .text(function () {
                //<td class="td-status"><span class="label label-success radius">已发布</span></td>
                if (item.status === 0){
                    return '未分配';
                }else {
                    return "已分配";
                }

            })));
        var option = $('<td class=\"td-manage\"> <a title=\"编辑\" href=\"javascript:;\" onclick=\"member_edit(\'编辑\',\'member-edit.html?id='+item.id+'\','+item.id+',\'\',\'510\')\" class=\"ml-5\" style=\"text-decoration:none\"><i class=\"Hui-iconfont\">&#xe6df;</i></a><a title=\"删除\" href=\"javascript:;\" onclick=\"member_del(this,'+item.id+')\" class=\"ml-5\" style=\"text-decoration:none\"><i class=\"Hui-iconfont\">&#xe6e2;</i></a></td>');
        var head =  $('<tr></tr>').addClass("text-c");
        var preHead = $('<tbody></tbody>');
        str.append(preHead).append(head).append(checkbox).append(id).append(name).append(department).append(grade).append(clazz).append(sex).append(phone).append(status).append(option).appendTo('#list');
    })
}
</script>
</body>
</html>